<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
<header class="site-header sticky-header layout-2" th:fragment="header">
    <div class="header-container">
        <div class="top-header">
            <div class="container">
                <div class="wrap-content-header">
                    <div class="header-logo">
                        <a href="index.html" class="logo">
                            <img src="static/assets/images/logo-header-05.png" alt="IMG">
                        </a>
                        <a href="index.html" class="mobile-logo">
                            <img src="static/assets/images/logo-header-05.png" alt="IMG">
                        </a>
                        <a href="index.html" class="sticky-logo">
                            <img src="static/assets/images/logo-header-05.png" alt="IMG">
                        </a>
                    </div>
                    <div class="right-logo">
                        <div class="widget_thim_layout_builder">
                            <div class="wpb_wrapper">

                                <div class="bp-element bp-element-st-search-videos vblog-layout-header-2">
                                    <div class="wrap-element">
                                        <form class="search-form" action="list-videos.html" method="get">
                                            <label class="wrap-select2" data-style="vblog-search">
                                                <select name="selectType" id="selectType">
                                                    <option value="1">电影</option>
                                                    <option value="2">视频</option>
                                                    <option value="3">博客</option>
                                                </select>
                                            </label>
                                            <input type="search" class="search-field" name="search" id="keyword"/>
                                            <button class="btn-search">
                                                <i class="ion ion-android-search"></i>
                                            </button>
                                        </form>
                                        <ul class="list-search-videos">
                                        </ul>
                                    </div>
                                </div>


                                <div class="bp-element bp-element-social-links vblog-layout-header-2">
                                    <div class="wrap-element">
                                        <a href="javascript:;" class="social-item">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                        <a href="javascript:;" class="social-item">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                        <a href="javascript:;" class="social-item">
                                            <i class="fa fa-pinterest-p"></i>
                                        </a>
                                        <a href="javascript:;" class="social-item">
                                            <i class="fa fa-linkedin"></i>
                                        </a>
                                    </div>
                                </div>

                                <div class="bp-element bp-element-button shape-round">
                                    <a href="upload.html" class="btn btn-small" target="_blank">
                                        上传视频
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="bottom-header element-to-stick">
            <div class="container">
                <div class="wrap-content-header">
                    <div class="menu-mobile-effect navbar-toggle">
                        <div class="text-menu">
                            菜单
                        </div>
                        <div class="icon-wrap">
                            <i class="ion-navicon"></i>
                        </div>
                    </div>
                    <nav class="main-navigation">
                        <ul class="menu-lists">
                            <li class="menu-item-has-children">
                                <a href="list-videos.html">
                                    视频列表
                                </a>
                            </li>
                            <li>
                                <a href="submit-video.html">
                                    提交视频
                                </a>
                            </li>
                        </ul>
                    </nav>
                    <div class="menu-right">

                        <div class="bp-element-login-popup layout-1 show-icon">
                            <div class="login-links">
                                未登录！
                                <a class="login" data-active=".box-login" data-effect="mfp-zoom-in"
                                   href="#bp-popup-login">
                                    登录
                                </a>
                            </div>
                            <div id="bp-popup-login" class="white-popup mfp-with-anim mfp-hide">
                                <div class="loginwrapper">
                                    <div class="login-popup box-register">
                                        <div class="media-content"
                                             style="background-image: url(static/assets/images/bg-01.jpg);"></div>
                                        <div class="inner-login">
                                            <h3 class="title">
                                                <span class="current-title">注册</span>
                                                <span>
<a href="#login" class="display-box" data-display=".box-login">登录</a>
</span>
                                            </h3>
                                            <div class="form-row">
                                                <div class="wrap-form">
                                                    <div class="form-desc">
                                                       注册需要...
                                                    </div>
                                                    <form id="registerform">
                                                        <p class="login-username">
                                                            <input type="text" placeholder="用户名" class="input">
                                                        </p>
                                                        <p class="login-email">
                                                            <input type="email" name="user_email"
                                                                   placeholder="邮箱地址" class="input">
                                                        </p>
                                                        <p class="text-mail">
                                                           注册发送邮件
                                                        </p>
                                                        <p class="button-submit">
                                                            <input type="submit" name="wp-submit-register"
                                                                   class="button button-primary button-large"
                                                                   value="确定"/>
                                                            <input type="hidden" name="redirect_to" value=""/>
                                                        </p>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="login-popup box-login">
                                        <div class="media-content"
                                             style="background-image: url(static/assets/images/bg-01.jpg);"></div>
                                        <div class="inner-login">
                                            <h3 class="title">
<span>
<a href="#register" class="display-box" data-display=".box-register">注册</a>
</span>
                                                <span class="current-title">登录</span>
                                            </h3>
                                            <div class="form-row">
                                                <div class="wrap-form">
                                                    <div class="form-desc">注册需要...</div>
                                                    <form id="loginform">
                                                        <p class="login-username">
                                                            <input type="text" placeholder="用户名" class="input">
                                                        </p>
                                                        <p class="login-email">
                                                            <input type="email" name="user_email"
                                                                   placeholder="邮箱地址" class="input">
                                                        </p>
                                                        <p class="login-remember">
                                                            <input type="checkbox" name="rememberme" id="rememberme"
                                                                   value="forever"> 记住我
                                                        </p>
                                                        <p class="button-submit">
                                                            <input type="submit" name="wp-submit-register"
                                                                   class="button button-primary button-large"
                                                                   value="确定"/>
                                                            <input type="hidden" name="redirect_to" value=""/>
                                                        </p>
                                                        <p class="link-bottom"><a href="#losspw" class="display-box"
                                                                                  data-display=".box-lostpass"></a>
                                                        </p>
                                                    </form>
                                                    <p class="link-bottom"><a href="#losspw" class="display-box"
                                                                              data-display=".box-lostpass">忘记密码? </a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="login-popup box-lostpass">
                                        <div class="login-popup box-lostpass">
                                            <div class="media-content"
                                                 style="background-image: url(static/assets/images/bg-01.jpg);"></div>
                                            <div class="inner-login">
                                                <h3 class="title">
<span>
 <a href="#register" class="display-box" data-display=".box-register">注册</a>
</span>
                                                    <span class="current-title"> 重置密码</span>
                                                </h3>
                                                <div class="form-row">
                                                    <form name="lostpasswordform" id="lostpasswordform"
                                                          method="post">
                                                        <p class="description"> 注册用户名或者邮箱 我们发送邮件重置密码
                                                        </p>
                                                        <p class="login-username">
                                                            <input placeholder="用户名 / 邮箱" type="text"
                                                                   name="user_login_lostpass"
                                                                   id="user_login_lostpass" class="input"/>
                                                        </p>
                                                        <p>
                                                            <input type="submit" name="wp-submit-lostpass"
                                                                   id="wp-submit-lostpass"
                                                                   class="button button-primary button-large"
                                                                   value="确定"/>
                                                        </p>
                                                        <p class="link-bottom"> 记住了?
                                                            <a href="#login" class="display-box"
                                                               data-display=".box-login"> 现在登录 </a>
                                                        </p>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

</body>
</html>
